{extend name="public/base" /}

{block name="title"}添加广告位{/block}

{block name="main"}
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
  <ul class="layui-tab-title">
    <li class="layui-this">按钮方案</li>
  </ul>
</div>
<form class="layui-form layui-row " action="" method="post">
	<div class="layui-col-xs12" >
		<div class="layui-form-item">
			<label class="layui-form-label">返回</label>
			<div class="layui-input-inline" >
                <button class="layui-btn layui-btn-primary">原始按钮</button>                
            </div>
            <div class="layui-form-mid layui-word-aux">layui-btn layui-btn-primary </div>
		</div>
        <div class="layui-form-item">
			<label class="layui-form-label">编辑、搜索</label>
			<div class="layui-input-inline" >
                <button class="layui-btn">默认按钮</button>              
            </div>
            <div class="layui-form-mid layui-word-aux">layui-btn </div>
		</div>
        <div class="layui-form-item">
			<label class="layui-form-label">添加</label>
			<div class="layui-input-inline" >
                <button class="layui-btn layui-btn-normal">百搭按钮</button>  
            </div>
            <div class="layui-form-mid layui-word-aux">layui-btn layui-btn-normal </div>
		</div>
        <div class="layui-form-item">
			<label class="layui-form-label"></label>
			<div class="layui-input-inline" >
                <button class="layui-btn layui-btn-warm">暖色按钮</button>
            </div>
            <div class="layui-form-mid layui-word-aux">layui-btn layui-btn-warm </div>
		</div>
        <div class="layui-form-item">
			<label class="layui-form-label">删除</label>
			<div class="layui-input-inline" >
                <button class="layui-btn layui-btn-danger">警告按钮</button>
            </div>
            <div class="layui-form-mid layui-word-aux">layui-btn layui-btn-danger </div>
		</div>
        <div class="layui-form-item">
			<label class="layui-form-label"></label>
			<div class="layui-input-inline" >
                <button class="layui-btn layui-btn-disabled">禁用按钮</button>
            </div>
            <div class="layui-form-mid layui-word-aux">layui-btn layui-btn-disabled </div>
		</div>
        <div class="layui-form-item">
         <button class="layui-btn layui-btn-lg">大型按钮 </button> layui-btn-lg
         <button class="layui-btn">默认按钮</button> layui-btn
         <button class="layui-btn layui-btn-sm">小型按钮</button> layui-btn-sm
         <button class="layui-btn layui-btn-xs">迷你按钮</button> layui-btn-xs
        </div>
    </div>
    
</form>
{/block}
{block name="script"}
<script>
layui.use(['form'],function(){    
    layui.form.render(); //更新全部
})
</script>
{/block}